<template>
  <div>
    <sky-fixed-sidebar :SidebarWith="180" :FixedX="196" :FixedY="60">
      <div slot="Sidebar">

        <div v-for="item in 6" style="padding:0 20px;line-height:50px;text-align: center;">
          左侧边栏
        </div>

      </div>
      <div slot="Container">

        <sky-hidden-panel title="代码">
          <div class="prewrap" v-highlight>
            <!-- 使用指令 -->
            <pre>
            <code class="html">
              
              &lt;sky-fixed-sidebar  :SidebarWith="180"  :FixedX="196" :FixedY="60"&gt;
                &lt;div slot="Sidebar"&gt;
                    &lt;div v-for="item in 6" style="padding:0 20px;line-height:50px;text-align: center;"&gt;
                      左侧边栏
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div slot="Container"&gt;

                  &lt;sky-card-panel title="标题" v-for="item in 6"&gt;
                    &lt;div slot="main"&gt;
                      内容...
                    &lt;/div&gt;
                  &lt;/sky-card-panel&gt;

                &lt;/div&gt;
              &lt;/sky-fixed-sidebar&gt;

            </code>
        </pre>
          </div>
        </sky-hidden-panel>

        <sky-card-panel title="标题" v-for="item in 6">
          <div slot="main">
            内容...
          </div>
        </sky-card-panel>

      </div>
    </sky-fixed-sidebar>
  </div>
</template>

<script>
  export default {

  }
</script>

<style>
</style>